<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport"
    content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
  <title></title>
  <script src="../assets/vue.min.js"></script>
  <link rel="stylesheet" type="text/css" href="https://ad.aicebar.com/public/lib/css/style.css" />
  <link rel="stylesheet" href="../css/comm.css">
</head>

<body>
  <div id="app" v-cloak>
    <div class="wrap2">
      <img src="../images/ganqing.png" class="banner2">

      <div class="wrap3">
        <div class="flex5">
          <span>报告所属人：</span>
          <span class="txt7">{{user.nickName}}</span>
          <img :src="user.gender == 1? img1: img2" class="icon2">
        </div>
      </div>

      <div class="box2" v-for="item in list">
        <div class="h3">
          <p>{{item.title}}</p>
        </div>
        <div class="sub-txt">{{item.sim_title}}</div>
        <p class="txt">{{item.content}}</p>

      </div>

      <div class="tips">
        <p class="txt8">购买须知：</p>
        <p>1. 本报告为虚拟服务内容，购买成功后不可退换；</p>
        <p>2. 报告基于生辰生成，内容仅供参考，请勿作为决策的依据；</p>
        <p>3. 一个档案可生成一份报告，切换档案需重新购买。</p>
      </div>
    </div>



    <div class="wrap">
      <h3>精选报告推荐</h3>
      <ul>
        <li v-for="(item, i) in rpList">
          <img :src="item.pro_img" alt="">
          <div class="main" @click="router(item.pro_type_sim, item.id)">
            <p class="txt2">{{item.pro_name}}</p>
            <p class="txt3 ellipsis">{{item.pro_desc}}</p>
            <div class="flex">
              <p>{{item.sale_nums}}人购买</p>
              <div class="btn">揭晓答案</div>
            </div>
          </div>
        </li>
      </ul>
    </div>
  </div>
</body>

<script src="https://ad.aicebar.com/public/lib/js/axios.js"></script>
<script src="../js/utils.js"></script>
<script src="../js/comm.js"></script>

</html>